.chat-body{
    padding: 20px;
    .model-select-area {
        height: 60px;
    }
    .chat-record-area {
        overflow-y: auto;
        height: calc(80vh - 100px);
        /* 针对WebKit浏览器（Chrome, Safari等） */
        &::-webkit-scrollbar {
            display: none; /* 隐藏滚动条 */
        }
        /* 针对IE和Edge */
        -ms-overflow-style: none; /* IE和Edge中隐藏滚动条 */

        /* 针对Firefox */
        scrollbar-width: none; /* Firefox中隐藏滚动条 */
        .centered{
            width:60px;
            height:60px;
            transform:translate(0, 0);
            .blob-1,.blob-2{
                width:12px;
                height:12px;
                position:absolute;
                background:#fff;
                border-radius:50%;
                top:50%;
                left:50%;
                transform:translate(-50%,-50%);
            }
            .blob-1{
                left:20%;
                animation:osc-l 2.5s ease infinite;
                background:rgb(144, 176, 255);
            }
            .blob-2{
                left:80%;
                animation:osc-r 2.5s ease infinite;
                background:rgb(1, 204, 204);
            }
            @keyframes osc-l{
                0%{left:20%;}
                50%{left:50%;}
                100%{left:20%;}
            }
            @keyframes osc-r{
                0%{left:80%;}
                50%{left:50%;}
                100%{left:80%;}
            }
        }
        .assisstant-chat {
            .think-area {
                padding: 8px;
                margin-bottom: 10px;
                width: 100%;
                font-size: 14px;
                text-align: left;
                line-height: 24px;
            }
            .answer-area {
                padding: 20px;
                margin-bottom: 20px;
                width: 100%;
                font-size: 16px;
                line-height: 32px;
                border-radius: 8px;
                background-color: white;
                
            }
            ol {
                padding-left: 2.5rem;
                margin-left: 0;
            }
            ul {
                padding-left: 2.5rem;
                margin-left: 0;
            }
        }
        .user-chat {
            div {
                background-color: white;
                border-radius: 8px;
                padding: 18px;
                margin-bottom: 20px;
                display: flex;
                justify-self: end;
                font-size: 16px;
                line-height: 18px;
            }
        }
    }
    .chat-input-area {
        padding-top: 20px;
        height: 20vh;
        .ant-input {
            height: calc(20vh - 60px)!important;
        }
        .operate-area {
            height: 40px;
            padding: 10px 0;
            .upload {
                float: left;
            }
            .cancel {
                float: right;
                margin-right: 8px;
            }
            .commit {
                float: right;
            }
        }
    }
}